<div class="page-forgot" ng-controller="ForgotCtrl">

    <div class="signin-header">
        <section class="logo text-center">
            <h1>{{main.brand}}</h1>
        </section>
    </div>

    <div class="wrapper">
        <div class="main-body">

            <form name="frmForgotPass" ng-submit="doReset()">

                <div class="card bg-white">
                    <div class="card-content">
                        <fieldset>

                            <div class="form-group">
                                <md-input-container>
                                    <label data-translate="PAGE_FORGOT_LABEL_EMAIL"></label>
                                    <input type="email" required="" autofocus="" name="email" data-ng-model="email" minlength="10">
                                    <div ng-messages="frmForgotPass.email.$error" ng-if="frmForgotPass.email.$touched && frmForgotPass.email.$invalid">
                                        <div ng-message="email"><span data-translate="GENERIC_FORM_ERROR_EMAIL_FORMAT"></span></div>
                                    </div>
                                </md-input-container>
                                <div class="additional-info text-center text-small" data-translate="PAGE_FORGOT_FORM_INSTRUCTIONS"></div>
                            </div>

                        </fieldset>
                    </div>

                    <div class="card-action no-border text-right">
                        <md-button href="#/pages/signin" type="button">
                            <span data-translate="PAGE_FORGOT_CTA_BACKTO_LOGIN"></span>
                        </md-button>
                        <md-button class="md-raised md-primary" type="submit">
                            <span data-translate="PAGE_FORGOT_CTA_RECOVER_PASSWORD"></span>
                        </md-button>
                    </div>
                </div>
            </form>

        </div>
    </div>

</div>
